<html>
    <head>
        <title>first html</title>
        <link rel="stylesheet" href="main.css">
    </head>

    <body>
        <h1 id="h1-1">今天我们学HTML</h1>

        <div>
            <h2 class="xietie youbiankuang">HTML</h2>
            HTML负责内容逻辑的组织，将内容组织的有语意
            <ul> <!-- unorderd list -->
                <li >盒子模型</li>
                <li>对象模型 DOM Document Object Model
                    <ul>
                        <li>对象的属性</li>
                        <li>对象的事件</li>
                    </ul>
                </li>

                <li>
                    <a class="xietie" href="inner/f2_image.html">图片</a>
                </li>

                <li>
                    <a href="inner/f3_form.html">表单form用来提交信息作为服务器的输入</a>
                </li>

            </ul>

            <ol>
                <li>先写整体HTML</li>
                <li>再写head部分的描述</li>
                <li class="xietie">最后详细地编写我们的body内容 </li>
            </ol>
        </div>


        <h2>CSS</h2>

        <h2>Javascript</h2>


    </body>
</html>